<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta data-th-replace="common/meta :: meta">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <title>地图轨迹</title>
    <link rel="stylesheet" data-th-replace="common/Link :: link">
    <style type="text/css">
        .anchorBL{display:none;}
        html {height: 100%}
        body {height: 100%;margin: 0px;padding: 0px}
        #container {height: 100%}
        .itemBorder {margin: 10px 0 0 0;border: 1px solid #cccccc;padding: 5px;cursor: pointer;background-color: #f1eee5;}
        #up-map-div {width: 90%;height: 40px;position: absolute;z-index: 9999;background-color: rgba(249, 249, 249, 0.2);}
        #right-map-div {width: 280px;top: 10px;right: 10px;position: absolute;z-index: 9999;border: 1px solid #848484;background-color: rgba(255, 253, 253, 0.2);}
    </style>
</head>
<body class="js-route-flag js-maptrajectory">
<input type="hidden" id="phoneNum"   th:value="${phoneNum}"/>
<input type="hidden" id="time" th:value="${time}"/>
<div id="up-map-div">
<div class="container-fluid" style="padding: 0 0 10px 0;">
    <div class="row">
        <div class="col-md-12 col-xs-12">
            <form class="form-inline roleForm">
                <div class="form-group">
                    <input id="timeStart" type="text" class="form-control timepicker" placeholder="请选择开始时间">
                    <input id="timeEtart" type="text" class="form-control timepicker" placeholder="请选择结束日期">
                </div>
                <button type="button" class="btn btn-gew" id="search"><i class="fa fa-search"></i>检索</button>
            </form>
        </div>
    </div>
</div>
</div>
<div id="container" style="width: 100%;height: 100%"></div>
<div id="right-map-div" style="height: 98%">
    <div class="row" style="text-align: center;padding: 5px 0">
        <button type="button" class="btn btn-gew" id="run"><i class="fa fa-play"></i>开始</button>
        <button type="button" class="btn btn-gew" id="pause"><i class="fa fa-pause"></i>暂停</button>
        <button type="button" class="btn btn-gew" id="forward"><i class="fa fa-forward"></i><span id="spanForward">快进</span>
        </button>
    </div>
    <div id="showTitle" class="container-fluid" style="overflow-y:auto;height:90%;padding: 0 5px"></div>
</div>
<div data-th-replace="common/commonMap :: mapscript"></div>
<script data-main="/js/main.js" src="/js/lib/require.min.js" defer async="true"></script>
</body>
</html>